 <meta charset="utf-8">
 <div class="box" id="biz_practitioner_lookback_conatainer" style="height: 500px;overflow-x: scroll;">
            <div class="box-header with-border">
               <form id="searchForm" role="form" class="form-inline">
                    <div class="form-group">
                         <label>执业人员姓名</label>
                         <input name="name" v-model="searchForm.name"   type="text" placeholder="" class="form-control">
                    </div>
                    
                      <div class="form-group">
                         <label>执业证号</label>
                         <input name="number" v-model="searchForm.number"   type="text" placeholder="" class="form-control">
                    </div>
                    
                    
	                 <div class="form-group">
						<label for="orgId" class="control-label">所属单位</label>
	                  	<select id="orgId" v-model="searchForm.orgId" name="orgId" v-kselect="{url:'tcms/orgnization/loadOrgnizationComboboVo',vmodel:'practitioner.orgId',firstEmpty:'true'}" class=" form-control"   required> </select>
					</div>
                     <button type="button"  class="btn btn-info pull-right m-t-n-xs" v-kperms="{perm:'authRole:loadAuthRoleList'}"  v-on:click="search();"><strong>查询</strong></button>
                </form>
            </div>
 <div class="box-body">
 	                <div class="btn-group " id="practitionerBTableToolbar" role="group">
				<button type="button" class="btn btn-default" v-on:click="confirm">
                        <i class="glyphicon glyphicon-ok" aria-hidden="true"></i>确认
                 </button>
                 <button type="button" class="btn btn-default" v-on:click="cancel">
                        <i class="glyphicon glyphicon-remove" aria-hidden="true"></i>取消
                 </button>                   
				</div>
                                
           <table id="practitionerBTable" data-mobile-responsive="true"></table>
 </div>
 </div>

<script> 
new Vue({  
	  el: '#biz_practitioner_lookback_conatainer',  
	  data:{
		  searchForm:{
			  name: null,
			  number: null,
			  orgId:null,
			  enabled:1
		  },
		  bus:new Vue(),
	  },
	  mounted:function(){
		 let _this=this;
		 _this.initTable();
	  },
  methods: {
	  initTable:function(){
		  let　_this=this;
		  let columns=[
				{checkbox:true},
				{field:'name',title:'执业人员姓名',width:160,sortable:true},
				{field:'number',title:'执业证号',width:160,sortable:true},
				{field:'orgName',title:'所属单位',width:160},
				{field:'enabled',title:'人员状态',width:100,formatter:zfesUtil.formatEnabled}];
		  let url="tcms/practitioner/loadPractitionerDataSet";
		  var opx={pageSize:100};
  		zfesBstable.laodTable($("#practitionerBTable"),$("#searchForm"),$("#practitionerBTableToolbar"),url,columns,this.searchForm,opx);
	  },
	  search:function(){
		  zfesBstable.reload($("#practitionerBTable")); 
	  },
	  refresh:function(){
		  zfesBstable.refresh($("#practitionerBTable"));
	  },
	  confirm: function(){
			if(zfesBstable.isOneRow($("#practitionerBTable"))){
				  let　_this=this;
				  let row = zfesBstable.getSelections($("#practitionerBTable"));
				  zfesLayerEditDg.setCallBackParam(row[0]);
				  zfesLayerEditDg.close();
			}
	  },
	   cancel: function(){
			zfesLayerEditDg.close();
	   }
}

});
</script>


